<template>
  <div class="br-page-view">
    <dv-border-box-2>
      <div class="box">
        <div class="df-ac-jcsb">
          <div class="box-title">排行榜</div>
          <dv-decoration-4 :reverse="true" style="width:1.25rem;height:.25rem; position:relative;left:-0.5rem;" />
        </div>
        <dv-scroll-ranking-board  :config="config" class="box-echart" />
      </div>
    </dv-border-box-2>
  </div>
</template>

<script>
export default {
  name: 'BottomRight',
  data () {
    return {
      config: {
        data: [
          {
            name: '周口',
            value: 55
          },
          {
            name: '南阳',
            value: 120
          },
          {
            name: '西峡',
            value: 78
          },
          {
            name: '驻马店',
            value: 66
          },
          {
            name: '新乡',
            value: 80
          },
          {
            name: '信阳',
            value: 45
          },
          {
            name: '漯河',
            value: 29
          },
          {
            name: 'aaa',
            value: 19
          },
          {
            name: 'bbb',
            value: 9
          },
          {
            name: 'ccc',
            value: 2
          }
        ],
        unit: '/次',
        waitTime: 2500
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.br-page-view {
  padding: 0.25rem;
  height: 26.8vh;
  .box {
    position: relative;
    // height: 100%;
    .box-title {
      color: #1bb4f9;
      font-size: 0.225rem;
      padding: 0.15rem 0 0.1rem 0.625rem;
    }
    .box-echart {
      width: 90%;
      height: 21.5vh;
      margin: 0 auto;
    }
  }
}

</style>
